export const optimumHeaderTheme: any = {
  light: {
    "--el-header-optimum-color": "#000000",
    "--el-header-optimum-hover-color": "var(--el-color-primary)",
    "--el-header-optimum-active-color": "var(--el-color-primary)",
    "--el-header-optimum-hover-bg-color": "#F4F4F5",
    "--el-header-optimum-active-bg-color": "var(--el-color-primary-light-9)",
    "--el-header-optimum-border-color": "var(--el-color-primary)"
  },
  inverted: {
    "--el-header-optimum-color": "#FFFFFF",
    "--el-header-optimum-hover-color": "var(--el-color-primary)",
    "--el-header-optimum-active-color": "#FFFFFF",
    "--el-header-optimum-hover-bg-color": "transparent",
    "--el-header-optimum-active-bg-color": "var(--el-color-primary)",
    "--el-header-optimum-border-color": "var(--el-color-primary)"
  },
  dark: {
    "--el-header-optimum-color": "#E5EAF3",
    "--el-header-optimum-hover-color": "var(--el-color-primary)",
    "--el-header-optimum-active-color": "var(--el-color-primary)",
    "--el-header-optimum-hover-bg-color": "var(--el-color-primary-light-9)",
    "--el-header-optimum-active-bg-color": "var(--el-color-primary-light-9)",
    "--el-header-optimum-border-color": "var(--el-color-primary)"
  }
};

export const headerTheme: any = {
  light: {
    "--el-header-bg-color": "#FFFFFF",
    "--el-header-text-color": "#303133",
    "--el-header-text-regular-color": "#606266",
    "--el-header-collapse-bg-color": "var(--el-color-primary-light-9)",
    "--el-header-collapse-hover-bg-color": "var(--el-color-primary-light-8)"
  },
  inverted: {
    "--el-header-bg-color": "#191A20",
    "--el-header-text-color": "#E5EAF3",
    "--el-header-text-regular-color": "#CFD3DC",
    "--el-header-collapse-bg-color": "#303133",
    "--el-header-collapse-hover-bg-color": "#414141"
  },
  dark: {
    "--el-header-bg-color": "#141414",
    "--el-header-text-color": "#E5EAF3",
    "--el-header-text-regular-color": "#CFD3DC",
    "--el-header-collapse-bg-color": "#303133",
    "--el-header-collapse-hover-bg-color": "var(--el-color-primary-light-8)"
  }
};

export const asideTheme: any = {
  light: {
    "--el-aside-logo-text-color": "#303133",
    "--el-aside-border-right-color": "#E5E7ED"
  },
  inverted: {
    "--el-aside-logo-text-color": "#DADADA",
    "--el-aside-border-right-color": "#414243"
  },
  dark: {
    "--el-aside-logo-text-color": "#E5EAF3",
    "--el-aside-border-right-color": "#414243"
  }
};

export const menuTheme: any = {
  light: {
    "--el-menu-bg-color": "#FFFFFF",
    "--el-menu-hover-bg-color": "#F4F4F5",
    "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
    "--el-menu-text-color": "#333639",
    "--el-menu-hover-text-color": "var(--el-color-primary)",
    "--el-menu-parent-active-text-color": "var(--el-color-primary)",
    "--el-menu-active-text-color": "var(--el-color-primary)",
    "--el-menu-border-left-color": "var(--el-color-primary)"
  },
  inverted: {
    "--el-menu-bg-color": "#191A20",
    "--el-menu-hover-bg-color": "#303133",
    "--el-menu-active-bg-color": "var(--el-color-primary)",
    "--el-menu-text-color": "#FFFFFF",
    "--el-menu-hover-text-color": "var(--el-color-primary)",
    "--el-menu-parent-active-text-color": "var(--el-color-primary)",
    "--el-menu-active-text-color": "#FFFFFF",
    "--el-menu-border-left-color": "transparent"
  },
  dark: {
    "--el-menu-bg-color": "#141414",
    "--el-menu-hover-bg-color": "var(--el-color-primary-light-8)",
    "--el-menu-active-bg-color": "var(--el-color-primary-light-8)",
    "--el-menu-text-color": "#E5EAF3",
    "--el-menu-parent-active-text-color": "var(--el-color-primary)",
    "--el-menu-hover-text-color": "var(--el-color-primary)",
    "--el-menu-active-text-color": "var(--el-color-primary)",
    "--el-menu-border-left-color": "var(--el-color-primary)"
  }
};
